﻿@{
    ViewBag.Title = "Quản lý đơn hàng";
    Layout = "~/Areas/Admin/Views/Shared/__AdminLayout.cshtml";
}
<style type="text/css">
    .form-actions
    {
        padding-top: 1em;
        overflow: hidden;
    }
    
    .form-actions button
    {
        float: right;
    }
    
    .t-group
    {
        border-width: 1px;
        border-style: solid;
        padding: 0 1em 1em;
    }
</style>
@section _Head{
    <script type="text/javascript">
        $("#nav-left").accordion("activate", 5);
    </script>
 }
@{ Html.Telerik().ScriptRegistrar().OnDocumentReady(@<text> $('.t-button').live('mouseenter',
    $.telerik.buttonHover) .live('mouseleave', $.telerik.buttonLeave);
    </text>); 
}
<script type="text/javascript">

    $(function () {
        $('#start_date_field').datepicker({
            defaultDate: new Date(),
            dateFormat: 'dd/mm/yy'
        });
        $('#end_date_field').datepicker({
            defaultDate: new Date(),
            dateFormat: 'dd/mm/yy'
        });

        $('input').bind('keypress', function (e) {
            if (e.keyCode == 13) {
                search();
            }
        });
        $('#btnSearch').click(function () {

            search();
        });
    });

    function search() {
        var params = {
            keyword: $('#keyword').val(),
            from: $('#start_date_field').val(),
            to: $('#end_date_field').val()
        };

        var grid = $('#ResultsOrder').data('tGrid');
        grid.rebind(params);

    }


</script>
<h2>
    Tìm đơn hàng</h2>
<div>
    <table width="100%">
        <tbody>
            <tr>
                <td class="adminTitle">
                    <span id="" title="A product name.">Tên đơn hàng:</span>
                </td>
                <td class="adminData">
                    <input name="keyword" type="text" id="keyword" class="adminInput" />
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    <span id="" title="Chọn ngày bắt đầu.">Từ Ngày:</span>
                </td>
                <td class="adminData">
                    <input name="start_date_field" type="text" id="start_date_field" value="" /><br />
                </td>
            </tr>
            <tr>
                <td class="adminTitle">
                    <span id="" title="Chọn ngày kết thúc.">Đến ngày:</span>
                </td>
                <td class="adminData">
                    <input name="end_date_field" type="text" id="end_date_field" value="" /><br />
                </td>
            </tr>
        </tbody>
    </table>
    <div style="float: left;">
        <input type="button" value="Tìm kiếm" id="btnSearch" class="adminButtonBlue"/>
    </div>
    <div style="clear: both;">
        </div>
    <div>
        @(Html.Telerik().Grid<Sealight.Core.DataAdapter.order>().Name("ResultsOrder")
.Columns(columns =>
{
    columns.Bound(o => o.id).Hidden();
    columns.Bound(o => o.name).Width(100).Title("Tên đơn hàng");
    columns.Bound(o => o.order_total).Width(50).Title("Tổng tiền");
    columns.Bound(o => o.order_discount).Width(70).Title("Tiền khấu trừ");
    columns.Bound(o => o.order_status_string).Width(70).Title("Trạng thái đơn hàng");
    columns.Bound(o => o.created_date).Width(100).Title("Ngày tạo");
    columns.Bound(o => o.user).ClientTemplate("<a  href=\"/admin/member/Detail/<#=user.id#>\" ><#=user.full_name#></a>").Title("Khách hàng").Width(50);//.Width(100).Title("Khách hàng");
    columns.Bound(o => o.id).ClientTemplate("<a  href=\"/admin/order/orderdetail/<#=id#>\" >Xem chi tiết</a>").Title("").Width(50);

}).DataBinding(dataBinding =>
            dataBinding.Ajax().
                                Select("_SearchOrderAjax", "Order", new { keyword = ViewData["keyword"], fromDate = ViewData["fromDate"], toDate = ViewData["toDate"] }).
                Enabled(true))
        .Scrollable(scrolling => scrolling.Enabled(true))       
        .Pageable(paging => paging.Enabled(true))

        )
    </div>
</div>
